<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 数学运算符 
        // + - * / %(取余)
        // 1.- 
        // var a = 20;
        // var b = 10;
        // console.log(a-b);
        // 2. * 乘
        // var a = 10;
        // var b = "20";
        // var res = a * b;
        // console.log(res); 

        // 3./ 除
        // var a = 20;
        // // var b = 0;
        // var b = 10;
        // var res = a/b;
        // console.log(res);

        // 4.取余 
        // var a = 10;
        // var b = 3;
        // var res = a%b;
        // console.log(res);

        // 5.+ 运算符 1.数学运算的加法 ： 加法的两边都是数字类型；  2.字符串的拼接 ：加的两边只有一个字符串就会做拼接；
        // var a = 10;
        // var b = 20;
        // var res = a + b;
        // console.log(res);

        // var a = "hello";
        // var b = "world";
        // var res = a +" "+ b;
        // console.log(res);

        // var htmlDom = "<h1 style='color:red;'>";
        // var str = "我是div";
        // var htmlDom2 = "</h1>";
        // var res = htmlDom + str + htmlDom2;
        // // console.log(res);
        // document.write(res);

        // var str = "我是标题";
        // var htmlDom = "<h1 style='color:red;'>"+str+"</h1>";
        // document.write(htmlDom);

        var str = "<div>"+
                    "<p>我是第一行</p>"+
                    "<p>我是第二行</p>"+
                  "</div>";
        document.write(str);

            // 加号 1.做数学运算 2 做字符串拼接（重点）;
    </script>
</body>
</html>